﻿<script src="https://blogg12.googlecode.com/svn/trunk/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script src="http://blogg12.googlecode.com/svn/trunk/blogger/featured-post/n17-content-slider/n17-content-slider-024.js" type="text/javascript"></script>
<a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tips and Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tips and Tricks" border="0" style="position: fixed; bottom: 10%; right: 0%; top: 0px;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Latest Tips For Bloggers"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Latest Tips For Bloggers" border="0" style="position: fixed; bottom: 10%; right: 0%;" /></a><a href="http://tutorialglobal365.blogspot.com/" rel="dofollow" target="_blank" title="Blogger Tricks"><img src="http://blogg12.googlecode.com/svn/trunk/image/back.png" alt="Blogger Tricks" border="0" style="position: fixed; bottom: 10%; left: 0%;" /></a>
<style type="text/css">
#myslides{
background:#000 url(https://blogg12.googlecode.com/svn/trunk/image/slider/mslid.jpg) repeat-x;
width: 650px;
height:165px;
margin-bottom:5px;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 554px; /*Width of Carousel Viewer itself*/
height: 160px; /*Height should enough to fit largest content's height*/
margin: 0px 48px 5px 48px;
}
.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}#contentSlide {
background : #ddd; -moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;
height : 228px; margin-bottom: 10px;
padding : 10px 0px 10px;
}
#slideshow {
margin : 0 auto;
width : 953px;
height : 230px;
background : #eeeeee none repeat scroll 0 0;
position : relative;
}
#slideshow #slidesContainer {
margin : 0 auto;
width : 845px;
height : 228px;
overflow : auto;
position : relative;
}
#slideshow #slidesContainer .slide {
margin : 0 auto;
width : 845px;
height : 228px;
}
.control {
display : block;
width : 39px;
height : 228px;
text-indent : -10000px;
position : absolute;
cursor : pointer;
}
#leftControl {
top : 0;
left : 0;
width : 55px;
background : transparent url(https://blogg12.googlecode.com/svn/trunk/image/slider/previousgray.jpg)no-repeat scroll 0 0;
}
#rightControl {
top : 0;
right : 0;
background : transparent url(https://blogg12.googlecode.com/svn/trunk/image/slider/nextgray.jpg) no-repeat scroll 0 0;
width : 55px;
}
.slide h2, .slide p {
margin : 15px;
}
.slide h2 {
font : italic 24px Georgia, "Times New Roman", Times, serif;
color : #212421;
letter-spacing : -1px;
}
.slide img {
float : right;
margin : 0 15px;
padding : 1px;
}
</style>



<h3>اضافه سلايد شو بتقنيه الجي كويري</h3>




<!-- Slideshow HTML --> 
<div id="contentSlide"><div id="slideshow"> 
<div id="slidesContainer"> 
<div class="slide">
<h2><a href="http://24work.blogspot.com/2012/01/how-to-change-mouse-cursor-in-blogger.html" target="_blank">تفعيل اصدارات برنامج الداونلود مانجر</a></h2>

<p>اليوم سوف نقدم لكم شرح تفعيل الداونلود مانجر وتحل جميع مشاكل التفعيلات السابقة وظهور رسالة التسجيل برقم مزيف وتعالجها بشكل تام في ثواني معدودة...<a href="#">اقرأ المزيد</a></p>
<img alt="How to change mouse cursor in blogger blog to animated cursors" width="215" src="http://1.bp.blogspot.com/-3vAaWKXybkQ/VCRpdYb1OfI/AAAAAAAAAa4/rp3OxrvI46A/s1600/image_88081.jpg" height="115"/>
</div>
<div class="slide">
<h2><a href="http://24work.blogspot.com/2012/01/numbered-page-navigation-for-blogger.html" target="_blank">سارع بالحصول على خدمات تشفير النت مجانية على متصفحك</a></h2>
<p>من بين أفضل السبل لحماية الاتصال بالإنترنت من مجموعة متنوعة من المخاطر</p>
<img alt="Numbered Page Navigation For Blogger New Script" width="215" src="http://3.bp.blogspot.com/-S88Mo_IfN60/VITTOZ-3fHI/AAAAAAAAAMk/Y1vMDLkEXH0/s1600/oo.png" height="115"/>
</div>
<div class="slide">
<h2><a href="http://24work.blogspot.com/2011/12/how-to-add-snow-effect-on-blogger-mouse.html" target="_blank">برنامج فوتوشوب</a></h2>
<p>من أشهر البرامج التي يستعملها الملايين من المصممين ومحترفي التصميم عبر العالم هو برنامج أدوب فوتوشوب</p>
<img alt="How To Add Snow Effect On The Blogger Mouse Cursor Area" width="215" src="http://2.bp.blogspot.com/-eZQMsQ38aes/VF4QcWHrEqI/AAAAAAAAAkk/xP23zMdzJ0w/s1600/pswcc.png" height="115"/>
</div>
<div class="slide">
<h2><a href="http://24work.blogspot.com/2012/01/falling-objects-falling-text-marquee.html" target="_blank">القرآن الكريم</a></h2>
<p>القرآن الكريم نور القلوب وحياة النفوس ووجوده في أى مكان رحمه وثواب واجر عظيم</p>
<img alt="Falling Objects / Falling Text / Marquee Scrolling Text Generator for Blogger" width="215" src="http://2.bp.blogspot.com/-Bv3fTk63fKg/VD0oWALMagI/AAAAAAAAAgU/lzbV7kMVtFU/s1600/quran1a.jpg" height="115"/>
</div>
<div class="slide">
<h2><a href="http://24work.blogspot.com/2011/12/how-to-add-animated-flash-clock-to-your.html" target="_blank">شرح كيف زيادة عدد أصدقائك في الفيس</a></h2>
<p>هذا شرح كيف زيادة عدد أصدقائك في الفيس بوك بشكل كبير جدا</p>
<img alt="How To Add Animated Flash Clock To Your Blogger Blog" width="215" src="http://4.bp.blogspot.com/-gtTf3QcYm5M/VCVkKBZmZLI/AAAAAAAAAbM/GuClUoHfSv8/s1600/131204130551-facebook-password-620xa.jpg" height="115"/>
</div>
</div>

</div></div> 
<!-- Slideshow HTML --> 
<div class="clear"/></div>